<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>订单统计</title>
    <link rel="stylesheet" href="/css/tool/calendar.css">
    <link rel="stylesheet" href="/css/frame/ys_service/ys_service_order_statistics.css"/>
    <script src="/js/jquery-3.3.1.min.js"></script>
</head>
<body class="inner-container">
    <div class="shandow"></div>
    <div id="function">
        <div class="function_style_out">
            <div class="function_style_in">
                <div class="search">
                    <div class="search_item">
                        <div>所属医院</div>
                        <div>
                            <i class="icon"></i>
                            <input class="search_input" id="hospital" disabled="disabled">
                        </div>
                    </div>
                    <div class="search_item">
                        <div>订单类型</div>
                        <div>
                            <i class="icon"></i>
                            <input class="search_input" id="type" placeholder="请选择订单类型" readonly="readonly">
                            <div id="type_list" class="search_input_option innerbox">
                                <div>
                                    <ul>
                                        <li class="list">全部</li>
                                        <li class="list">到店自取</li>
                                        <li class="list">在线配送</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="search_item">
                        <div>查询时间</div>
                        <div>
                            <div id="createtimefrom">
                                <i class="icon_time"></i>
                                <i class="icon_clear"></i>
                                <input id="timefrom" class="createtime" placeholder="开始时间" readonly="readonly">
                            </div>
                            <div id="midfont">至</div>
                            <div id="createtimeto">
                                <i class="icon_time"></i>
                                <i class="icon_clear"></i>
                                <input id="timeto" class="createtime" placeholder="结束时间" readonly="readonly">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="calendarfrom"></div>
    <div id="calendarto"></div>
    <div id="content">
        <div id="top">
            <div class="top_item">
                下单总数<span id="order_total"></span>单
            </div>
            <div class="blank"></div>
            <div class="top_item">
                已完成订单总数<span id="order_complete"></span>单
            </div>
            <div class="blank"></div>
            <div class="top_item">
                订单总金额<span id="order_complete_money"></span>元
            </div>
            <div class="blank"></div>
            <div class="top_item">
                药品总金额<span id="order_complete_drug_money"></span>元
            </div>
            <div class="blank"></div>
            <div class="top_item">
                快递费总金额<span id="order_complete_express_money"></span>元
            </div>
        </div>
        <div id="orderdata">
            <table id="orderlist" cellpadding="0" cellspacing="0" border="1px" style="table-layout:fixed">
                <tbody>
                <tr>
                    <td style="width: 6%;">序号</td>
                    <td style="width: 10%;">日期</td>
                    <td style="width: 8%;">下单总数</td>
                    <td style="width: 8%;">已完成订单</td>
                    <td style="width: 8%;">退药订单</td>
                    <td style="width: 20%;">已完成订单总金额（元）</td>
                    <td style="width: 20%;">已完成订单药品总金额（元）</td>
                    <td style="width: 20%;">已完成订单快递费总金额（元）</td>
                </tr>
                </tbody>
            </table>
        </div>
        <div id="bottom">
            <div id="fenye">
                <div id="totalcount"></div>
                <div style="position:relative;">
                    <input id="pageSize">
                    <div id="pageSize_list">
                        <ul>
                            <li class="10">10条/页</li>
                            <li class="20">20条/页</li>
                            <li class="50">50条/页</li>
                        </ul>
                    </div>
                </div>
                <div id="pre" class="paging"><</div>
                <div id="next" class="paging">></div>
                <span>前往第</span>
                <div>
                    <input id="pageNo" oninput="value=value.replace(/[^\d]/g,'')">
                </div>
                <span>页</span>
            </div>
        </div>
    </div>
    <script src="/js/tool/calendar.js"></script>
    <script type="text/javascript" src="/js/frame/ys_service/ys_service_order_statistics.js"></script>
</body>
</html>